<style lang="less">
.cps-icon-add {
    vertical-align: middle;
}
</style>

<template>
    <svg class="cps-icon-add" :width="width | px2rem" viewBox="0 0 40 40">
        <g fill="none" fill-rule="evenodd">
            <circle fill="#0DD66C" cx="20" cy="20" r="20" />
            <path d="M18 18V9.5A1.5 1.5 0 0 1 19.5 8h1A1.5 1.5 0 0 1 22 9.5V18h8.5a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5H22v8.5a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5V22H9.5A1.5 1.5 0 0 1 8 20.5v-1A1.5 1.5 0 0 1 9.5 18H18z" fill="#FFF" />
        </g>
    </svg>
</template>

<script>
export default {
    name: "cps-svg-add",
    props: {
        width: {
            type: Number,
            default: 48
        }
    }
}
</script>